<template>
  <div class='goodsdesc-container'>
    <h3 class="title">{{ info.title }}</h3>
    <hr>
    <div class="content" v-html="info.content"></div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      info:{} //商品信息
    }
  },
  created() {
   this.getGoodsDesc() 
  },
  methods: {
    async getGoodsDesc(){
      const { data } = await this.$http.get("/api/goods/getdesc/" + this.id)
      if(data.status === 0) return (this.info = data.message[0])
    }
  },
  props:['id']
}
</script>

<style lang="scss">
.goodsdesc-container{
  .title{
    font-size: 16px;
    margin: 10px 0;
    color: blue;
    text-align: center;
  }
 .content{
   img{
     width: 100%;
   }
 }
}
  

</style>